<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>xtouch 2.8 provisioning</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <style>
      /* Cool infinite background scrolling animation.
 * Twitter: @kootoopas
 */
      /* Exo thin font from Google. */
      @import url(https://fonts.googleapis.com/css?family=Exo:100);
      /* Background data (Original source: https://subtlepatterns.com/grid-me/) */
      /* Animations */
      @-webkit-keyframes bg-scrolling-reverse {
        100% {
          background-position: 50px 50px;
        }
      }
      @-moz-keyframes bg-scrolling-reverse {
        100% {
          background-position: 50px 50px;
        }
      }
      @-o-keyframes bg-scrolling-reverse {
        100% {
          background-position: 50px 50px;
        }
      }
      @keyframes bg-scrolling-reverse {
        100% {
          background-position: 50px 50px;
        }
      }
      @-webkit-keyframes bg-scrolling {
        0% {
          background-position: 50px 50px;
        }
      }
      @-moz-keyframes bg-scrolling {
        0% {
          background-position: 50px 50px;
        }
      }
      @-o-keyframes bg-scrolling {
        0% {
          background-position: 50px 50px;
        }
      }
      @keyframes bg-scrolling {
        0% {
          background-position: 50px 50px;
        }
      }
      /* Main styles */
      body {
        color: #999;
        text-align: center;
        /* img size is 50x50 */
        background: linear-gradient(rgba(0, 128, 0, 0.5), rgba(0, 128, 0, 0.5)),
          url("")
            repeat 0 0;
        -webkit-animation: bg-scrolling-reverse 0.92s infinite;
        /* Safari 4+ */
        -moz-animation: bg-scrolling-reverse 0.92s infinite;
        /* Fx 5+ */
        -o-animation: bg-scrolling-reverse 0.92s infinite;
        /* Opera 12+ */
        animation: bg-scrolling-reverse 0.92s infinite;
        /* IE 10+ */
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        width: 600px;
        height: 600px;
        padding: 96px;
        min-height: 600px;
      }

      .container-custom {
        background-color: #eee;
        padding: 2rem;
        border-radius: 15px;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
        width: 400px;
        display: none;
      }

      .btn-custom {
        background-color: #23a543;
        color: #ffffff;
        border-radius: 8px;
      }
      .btn-alert {
        background-color: #ff0000;
        color: #ffffff;
        border-radius: 8px;
        font-size: 14px;
      }

      .btn-custom:hover {
        background-color: #004d40;
        color: #ffffff;
      }

      .form-control-custom {
        background-color: #f1f8f7;
        color: #004d40;
        border: 1px solid #00796b;
        border-radius: 8px;
      }

      .form-control-custom:focus {
        background-color: #e0f2f1;
        border-color: #004d40;
        outline: none;
        box-shadow: 0 0 5px rgba(0, 121, 107, 0.5);
      }

      label {
        font-weight: 700;
        margin: 0;
        font-size: 12px;
      }

      svg {
        margin-bottom: 1rem;
      }
    </style>
  </head>

  <body class="d-flex justify-content-center align-items-center vh-100">
    <div id="main-login-container" class="container-custom text-center">
      <svg
        width="160"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 260 81"
      >
        <path
          d="M217.2 60V46.2h8.2v2.1h-6.2v3.5h6.2v2h-6.2V58h6.2v2h-8.2Zm10.3 0v-1.4h.7V58h.7v-.7h.7v-.6h.7v-1.4h.7v-.7h.7v-.7h.7v-1.4h-.7v-.7h-.7v-.6h-.7v-1.4h-.7V49h-.7v-.7h-.7v-.7h-.7v-1.4h2.8v.7h.7v1.4h.7v.7h.7v.7h.6V51h1.4v-1.4h.7V49h.7v-.7h.7V47h.7v-.7h2.7v1.4h-.7v.7h-.7v.7h-.6v.7h-.7V51h-.7v.7h-.7v.6h-.7v1.4h.7v.7h.7v.7h.7v1.4h.7v.7h.6v.6h.7v.7h.7V60h-2.7v-.7h-.7V58h-.7v-.7h-.7v-.6h-.7v-1.4H233v1.4h-.6v.6h-.7v.7h-.7v1.4h-.7v.7h-2.8Zm18.5 0V48.3h-4.8v-2h11.7v2H248V60h-2ZM17.3 47.4a16.3 16.3 0 0 1 13 5.8 14 14 0 0 1 2.9 5.5c.5 1.8.8 3.6.8 5.3 0 1.4-.5 2.6-1.6 3.6-1 1-2 1.4-3.3 1.4-1.4 0-2.6-.5-3.5-1.4A5.4 5.4 0 0 1 24 64l-.2-1.9A5 5 0 0 0 23 60a4.7 4.7 0 0 0-2-1.9 7 7 0 0 0-3.7-.8 18.1 18.1 0 0 1-4.2-.4l-3.6-1.2a15.6 15.6 0 0 1-8-9.6 17 17 0 0 1-.9-5.5c0-1.3.5-2.5 1.4-3.4 1.2-1 2.3-1.5 3.6-1.5 1.3 0 2.4.5 3.4 1.6s1.4 2 1.4 3.3c.2.4.2 1 .2 2 .3 1 .6 1.7 1 2.3a6.4 6.4 0 0 0 2.1 2c.9.4 2 .6 3.6.6ZM5.6 59.2c1.3 0 2.5.5 3.4 1.5s1.4 2.1 1.4 3.3a5 5 0 0 1-1.5 3.6 4.8 4.8 0 0 1-6.8 0A5.4 5.4 0 0 1 .6 64c0-1.3.5-2.4 1.5-3.4s2.2-1.4 3.5-1.4ZM29 35.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3c0 1.4-.5 2.6-1.6 3.5-1 1-2 1.5-3.3 1.5-1.4 0-2.6-.5-3.5-1.5a5.4 5.4 0 0 1-1.5-3.5c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm24.8 23.6c1.3 0 2.5.5 3.4 1.5s1.5 2.1 1.5 3.3c0 1.4-.5 2.6-1.5 3.6S55 69 53.9 69a18.1 18.1 0 0 1-4.2-.5c-1.4-.3-2.6-.7-3.6-1.2a17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4l-.8-2.6-.1-3V28.8c0-1.4.5-2.6 1.4-3.5 1.1-1 2.3-1.5 3.5-1.5 1.4 0 2.5.5 3.5 1.5s1.4 2.3 1.4 3.5v23.6l.2 1.9c.2 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2 2c1 .4 2.1.7 3.7.7Zm0-23.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3c0 1.4-.5 2.6-1.5 3.5a4.8 4.8 0 0 1-6.9 0 5.4 5.4 0 0 1-1.5-3.5c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm22.6 0a16.6 16.6 0 0 1 13 5.8c1.4 1.7 2.3 3.5 2.8 5.5a19 19 0 0 1 .6 8.2 27 27 0 0 1-.6 2.7 17.8 17.8 0 0 1-2.9 5.4 15.9 15.9 0 0 1-13 5.8 18.1 18.1 0 0 1-4.2-.5 19 19 0 0 1-3.6-1.2 17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4l-.7-2.6-.2-3a61.9 61.9 0 0 1 .4-2.7l.5-2.6a20.4 20.4 0 0 1 3-5.4c1.4-1.8 3.1-3.2 5.2-4.3 2-1 4.6-1.6 7.7-1.6Zm0 23.6c1.5 0 2.7-.3 3.6-.8 1-.7 1.8-1.3 2.2-2a4 4 0 0 0 .7-2.2c.2-.5.3-1.2.3-2l-.3-1.8a5 5 0 0 0-.9-2.3 4.7 4.7 0 0 0-2-1.8 7 7 0 0 0-3.6-.8c-1.6 0-2.8.2-3.8.8a4.7 4.7 0 0 0-2 1.7 6 6 0 0 0-.7 1.2l-.3 1.2-.1 1.9.2 1.9c.2 1 .5 1.8 1 2.3a6.4 6.4 0 0 0 2 2c1 .4 2.1.7 3.7.7Zm48.3-23.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3v11.8l-.3 2.8a27 27 0 0 1-.5 2.7 17.8 17.8 0 0 1-3 5.4A15.9 15.9 0 0 1 113 69a18.1 18.1 0 0 1-7.8-1.7 17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4c-.4-1.1-.6-2-.7-2.6l-.2-3V40.6c0-1.3.5-2.5 1.5-3.4 1-1 2.2-1.5 3.5-1.5 1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3v11.8l.1 1.9c.3 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2.1 2c.9.4 2 .7 3.6.7 1.5 0 2.7-.3 3.6-.8a7.8 7.8 0 0 0 2.3-2 4 4 0 0 0 .7-2.2c.2-.5.2-1.2.2-2V40.6c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm24.8 9.9-2 .2a5 5 0 0 0-2.3.8c-.8.5-1.4 1.2-1.9 2.2a8 8 0 0 0-.7 3.6 9 9 0 0 0 .7 3.7 7.7 7.7 0 0 0 3.2 2.8l1 .2 2 .2h11.8c1.3 0 2.4.5 3.4 1.5s1.4 2.1 1.4 3.3c0 1.4-.5 2.6-1.5 3.6s-2.1 1.4-3.3 1.4h-11.8a118 118 0 0 1-2.9-.3 44 44 0 0 1-2.5-.6 22.7 22.7 0 0 1-5.4-2.9 17 17 0 0 1-2.4-2.4 27.1 27.1 0 0 1-1.8-2.7 17 17 0 0 1-1.7-7.8c0-1.6.1-3 .4-4.3.3-1.4.7-2.5 1.3-3.5a14 14 0 0 1 4.2-5.2c1.7-1.4 3.5-2.4 5.3-2.9a20 20 0 0 1 5.5-.8h11.8c1.3 0 2.4.5 3.4 1.6a4.8 4.8 0 0 1 0 6.8 5 5 0 0 1-3.4 1.5h-11.8Zm36.6-9.9a16.6 16.6 0 0 1 13 5.8c1.4 1.7 2.3 3.5 2.8 5.5.5 1.8.8 3.6.8 5.4V64c0 1.4-.5 2.6-1.5 3.6S199 69 197.9 69a5 5 0 0 1-3.5-1.4A5.4 5.4 0 0 1 193 64V52.3l-.3-2a5 5 0 0 0-.9-2.2 4.7 4.7 0 0 0-2-1.8 7 7 0 0 0-3.6-.8 18.1 18.1 0 0 1-7.9-1.7 18 18 0 0 1-5.3-4.3 15.8 15.8 0 0 1-3.4-8.2 20 20 0 0 1-.2-2.6V16.9c0-1.4.5-2.5 1.5-3.5a5 5 0 0 1 3.5-1.4c1.3 0 2.5.4 3.4 1.4 1 1.1 1.5 2.3 1.5 3.5v11.8l.1 2c.3 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2.2 2c.8.4 2 .6 3.6.6Zm-11.8 11.8c1.3 0 2.5.5 3.4 1.5s1.5 2.2 1.5 3.4V64c0 1.4-.5 2.6-1.5 3.6s-2.2 1.4-3.4 1.4c-1.4 0-2.6-.5-3.5-1.4a5.4 5.4 0 0 1-1.5-3.6V52.3c0-1.4.5-2.5 1.5-3.5a5 5 0 0 1 3.5-1.4Z"
          fill="#23a543"
        />
        <rect
          x="208"
          y="37"
          width="51"
          height="31"
          rx="5"
          stroke="#23a543"
          stroke-width="2"
        />
      </svg>
      <div id="xtouch-login">
        <button class="btn btn-custom btn-block font-weight-bold">
          Log in to BambuLabs, then reopen the extension to continue
        </button>
      </div>
    </div>

    <div id="main-container" class="container-custom text-left">
      <svg
        width="160"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 260 81"
      >
        <path
          d="M217.2 60V46.2h8.2v2.1h-6.2v3.5h6.2v2h-6.2V58h6.2v2h-8.2Zm10.3 0v-1.4h.7V58h.7v-.7h.7v-.6h.7v-1.4h.7v-.7h.7v-.7h.7v-1.4h-.7v-.7h-.7v-.6h-.7v-1.4h-.7V49h-.7v-.7h-.7v-.7h-.7v-1.4h2.8v.7h.7v1.4h.7v.7h.7v.7h.6V51h1.4v-1.4h.7V49h.7v-.7h.7V47h.7v-.7h2.7v1.4h-.7v.7h-.7v.7h-.6v.7h-.7V51h-.7v.7h-.7v.6h-.7v1.4h.7v.7h.7v.7h.7v1.4h.7v.7h.6v.6h.7v.7h.7V60h-2.7v-.7h-.7V58h-.7v-.7h-.7v-.6h-.7v-1.4H233v1.4h-.6v.6h-.7v.7h-.7v1.4h-.7v.7h-2.8Zm18.5 0V48.3h-4.8v-2h11.7v2H248V60h-2ZM17.3 47.4a16.3 16.3 0 0 1 13 5.8 14 14 0 0 1 2.9 5.5c.5 1.8.8 3.6.8 5.3 0 1.4-.5 2.6-1.6 3.6-1 1-2 1.4-3.3 1.4-1.4 0-2.6-.5-3.5-1.4A5.4 5.4 0 0 1 24 64l-.2-1.9A5 5 0 0 0 23 60a4.7 4.7 0 0 0-2-1.9 7 7 0 0 0-3.7-.8 18.1 18.1 0 0 1-4.2-.4l-3.6-1.2a15.6 15.6 0 0 1-8-9.6 17 17 0 0 1-.9-5.5c0-1.3.5-2.5 1.4-3.4 1.2-1 2.3-1.5 3.6-1.5 1.3 0 2.4.5 3.4 1.6s1.4 2 1.4 3.3c.2.4.2 1 .2 2 .3 1 .6 1.7 1 2.3a6.4 6.4 0 0 0 2.1 2c.9.4 2 .6 3.6.6ZM5.6 59.2c1.3 0 2.5.5 3.4 1.5s1.4 2.1 1.4 3.3a5 5 0 0 1-1.5 3.6 4.8 4.8 0 0 1-6.8 0A5.4 5.4 0 0 1 .6 64c0-1.3.5-2.4 1.5-3.4s2.2-1.4 3.5-1.4ZM29 35.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3c0 1.4-.5 2.6-1.6 3.5-1 1-2 1.5-3.3 1.5-1.4 0-2.6-.5-3.5-1.5a5.4 5.4 0 0 1-1.5-3.5c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm24.8 23.6c1.3 0 2.5.5 3.4 1.5s1.5 2.1 1.5 3.3c0 1.4-.5 2.6-1.5 3.6S55 69 53.9 69a18.1 18.1 0 0 1-4.2-.5c-1.4-.3-2.6-.7-3.6-1.2a17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4l-.8-2.6-.1-3V28.8c0-1.4.5-2.6 1.4-3.5 1.1-1 2.3-1.5 3.5-1.5 1.4 0 2.5.5 3.5 1.5s1.4 2.3 1.4 3.5v23.6l.2 1.9c.2 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2 2c1 .4 2.1.7 3.7.7Zm0-23.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3c0 1.4-.5 2.6-1.5 3.5a4.8 4.8 0 0 1-6.9 0 5.4 5.4 0 0 1-1.5-3.5c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm22.6 0a16.6 16.6 0 0 1 13 5.8c1.4 1.7 2.3 3.5 2.8 5.5a19 19 0 0 1 .6 8.2 27 27 0 0 1-.6 2.7 17.8 17.8 0 0 1-2.9 5.4 15.9 15.9 0 0 1-13 5.8 18.1 18.1 0 0 1-4.2-.5 19 19 0 0 1-3.6-1.2 17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4l-.7-2.6-.2-3a61.9 61.9 0 0 1 .4-2.7l.5-2.6a20.4 20.4 0 0 1 3-5.4c1.4-1.8 3.1-3.2 5.2-4.3 2-1 4.6-1.6 7.7-1.6Zm0 23.6c1.5 0 2.7-.3 3.6-.8 1-.7 1.8-1.3 2.2-2a4 4 0 0 0 .7-2.2c.2-.5.3-1.2.3-2l-.3-1.8a5 5 0 0 0-.9-2.3 4.7 4.7 0 0 0-2-1.8 7 7 0 0 0-3.6-.8c-1.6 0-2.8.2-3.8.8a4.7 4.7 0 0 0-2 1.7 6 6 0 0 0-.7 1.2l-.3 1.2-.1 1.9.2 1.9c.2 1 .5 1.8 1 2.3a6.4 6.4 0 0 0 2 2c1 .4 2.1.7 3.7.7Zm48.3-23.6c1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3v11.8l-.3 2.8a27 27 0 0 1-.5 2.7 17.8 17.8 0 0 1-3 5.4A15.9 15.9 0 0 1 113 69a18.1 18.1 0 0 1-7.8-1.7 17.9 17.9 0 0 1-5.2-4.1 15.6 15.6 0 0 1-2.8-5.4c-.4-1.1-.6-2-.7-2.6l-.2-3V40.6c0-1.3.5-2.5 1.5-3.4 1-1 2.2-1.5 3.5-1.5 1.3 0 2.5.5 3.4 1.6s1.5 2 1.5 3.3v11.8l.1 1.9c.3 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2.1 2c.9.4 2 .7 3.6.7 1.5 0 2.7-.3 3.6-.8a7.8 7.8 0 0 0 2.3-2 4 4 0 0 0 .7-2.2c.2-.5.2-1.2.2-2V40.6c0-1.3.5-2.5 1.5-3.4a5 5 0 0 1 3.5-1.5Zm24.8 9.9-2 .2a5 5 0 0 0-2.3.8c-.8.5-1.4 1.2-1.9 2.2a8 8 0 0 0-.7 3.6 9 9 0 0 0 .7 3.7 7.7 7.7 0 0 0 3.2 2.8l1 .2 2 .2h11.8c1.3 0 2.4.5 3.4 1.5s1.4 2.1 1.4 3.3c0 1.4-.5 2.6-1.5 3.6s-2.1 1.4-3.3 1.4h-11.8a118 118 0 0 1-2.9-.3 44 44 0 0 1-2.5-.6 22.7 22.7 0 0 1-5.4-2.9 17 17 0 0 1-2.4-2.4 27.1 27.1 0 0 1-1.8-2.7 17 17 0 0 1-1.7-7.8c0-1.6.1-3 .4-4.3.3-1.4.7-2.5 1.3-3.5a14 14 0 0 1 4.2-5.2c1.7-1.4 3.5-2.4 5.3-2.9a20 20 0 0 1 5.5-.8h11.8c1.3 0 2.4.5 3.4 1.6a4.8 4.8 0 0 1 0 6.8 5 5 0 0 1-3.4 1.5h-11.8Zm36.6-9.9a16.6 16.6 0 0 1 13 5.8c1.4 1.7 2.3 3.5 2.8 5.5.5 1.8.8 3.6.8 5.4V64c0 1.4-.5 2.6-1.5 3.6S199 69 197.9 69a5 5 0 0 1-3.5-1.4A5.4 5.4 0 0 1 193 64V52.3l-.3-2a5 5 0 0 0-.9-2.2 4.7 4.7 0 0 0-2-1.8 7 7 0 0 0-3.6-.8 18.1 18.1 0 0 1-7.9-1.7 18 18 0 0 1-5.3-4.3 15.8 15.8 0 0 1-3.4-8.2 20 20 0 0 1-.2-2.6V16.9c0-1.4.5-2.5 1.5-3.5a5 5 0 0 1 3.5-1.4c1.3 0 2.5.4 3.4 1.4 1 1.1 1.5 2.3 1.5 3.5v11.8l.1 2c.3 1 .6 1.8 1 2.3a6.4 6.4 0 0 0 2.2 2c.8.4 2 .6 3.6.6Zm-11.8 11.8c1.3 0 2.5.5 3.4 1.5s1.5 2.2 1.5 3.4V64c0 1.4-.5 2.6-1.5 3.6s-2.2 1.4-3.4 1.4c-1.4 0-2.6-.5-3.5-1.4a5.4 5.4 0 0 1-1.5-3.6V52.3c0-1.4.5-2.5 1.5-3.5a5 5 0 0 1 3.5-1.4Z"
          fill="#23a543"
        />
        <rect
          x="208"
          y="37"
          width="51"
          height="31"
          rx="5"
          stroke="#23a543"
          stroke-width="2"
        />
      </svg>
      <div>
        <form class="mb-4">
          <div class="form-group">
            <label for="ssid" class="text-dark">SSID</label>
            <input
              type="text"
              id="ssid"
              name="ssid"
              placeholder="Enter your SSID"
              class="form-control form-control-custom"
            />
            <small id="ssid-error" class="text-danger"></small>
          </div>
          <div class="form-group">
            <label for="password" class="text-dark">SSID Password</label>
            <input
              type="text"
              id="password"
              name="password"
              placeholder="Enter your SSID password"
              class="form-control form-control-custom"
            />
            <small id="password-error" class="text-danger"></small>
          </div>
          <div class="form-group">
            <label for="ip" class="text-dark">Xtouch Lite IP</label>
            <input
              type="text"
              id="ip"
              name="ip"
              placeholder="Enter your Xtouch Lite IP"
              class="form-control form-control-custom"
              value="0.0.0.0"
            />
            <small id="ip-error" class="text-danger"></small>
          </div>
        </form>
        <button
          id="fetchMetadata"
          style="display: none"
          class="btn btn-custom btn-block font-weight-bold mb-3"
        >
          Begin
        </button>
        <button
          id="fetchCookies"
          style="display: none"
          class="btn btn-custom btn-block font-weight-bold mb-3"
        >
          Cookies
        </button>
        <button
          id="downloadJson"
          class="btn btn-custom btn-block font-weight-bold mb-3"
          style="display: none"
        >
          Provision xtouch
        </button>
        <button
          id="downloadProvisioningJson"
          class="btn btn-custom btn-block font-weight-bold mb-3"
          style="display: none"
        >
          Download provisioning file
        </button>

        <div id="xtouch-login" style="display: none">
          <button class="btn btn-custom btn-block font-weight-bold">
            Please log in to BambuLabs first
          </button>
        </div>
        <button
          id="provision-error"
          style="display: none"
          class="btn btn-block btn-alert"
        >
          An error occurred provisioning the device. Please check that the
          entered IP is correct
        </button>
      </div>
    </div>
    <script src="popup.js" defer></script>
  </body>
</html>
